<template>
  <div class="common-questions-container">
    <h1 class="title">帐号常见问题</h1>
    <el-divider />
    <div class="question-item" v-for="(question, index) in hotQuestions" :key="index">
      <h3 class="question-title">{{ question.title }}</h3>
      <div v-html="question.content" class="question-content"></div>
    </div>
  </div>
</template>

<script setup>
const hotQuestions = [
  {
    title: '忘记密码如何找回？',
    content: `
      <p>一、手机号/邮箱仍在使用</p>
      <p>1. 在浏览器中：请您点击找回密码，输入帐号绑定的手机号或邮件地址，按照页面提示进行操作，验证通过后即可设置新密码。</p>
      <p>2. 您也可以通过手机或平板重置密码：</p>
      <p>（1）未登录帐号：点击设置 > 登录帐号 > 忘记密码，输入帐号绑定的手机号或邮件地址，按照页面提示进行操作，验证通过后即可设置新密码。</p>
      <p>（2）已登录帐号：点击设置 > 登录帐号 > 帐号安全 > 安全中心 > 找回密码，点击获取验证码或选择其他验证方式，验证通过后即可设置新密码。</p>
      <p>二、手机号/邮箱已停用</p>
      <p>若您因手机号/邮箱停用而无法重置帐号密码，您只能先通过自助申诉更改帐号绑定的手机号/邮箱，申诉成功后再通过新绑定的手机号/邮箱重置密码。
    `
  },
  {
    title: '手机号/邮箱/微信等已被绑定怎么办?',
    content: `
      <p>若已绑定的帐号是本人注册的，解决办法如下：</p>
      <p>1. 先使用该手机号/邮箱/第三方（微信、QQ、微博）登录已绑定的帐号；</p>
      <p>2. 销户、解绑或更换绑定</p>
      <p>  销户：进入帐号 > 帐号安全 > 安全中心 > 销户；</p>
      <p>  解绑或更换绑定：在“个人信息”或者“帐号安全>第三方帐号”内进行解绑或更换。具体操作见•帐号的解绑/更改方法。</p>
      <p>3. 登录当前帐号，重新绑定即可。
    `
  },
  {
    title: '（自助申诉）手机号/邮箱已停用，如何更改?',
    content: `
      <p>若您的手机号/邮箱停用或无法接收验证码，您只能通过自助申诉更改帐号绑定的手机号/邮箱。</p>
      <p>【提示】建议您在常用设备/常用浏览器上申诉，成功率更高。</p>
      <p>1. 您可以在常用手机客户端上申诉：</p>
      <p>  已登录：进入手机帐号 > 帐号安全 > 安全中心 > 自助申诉 > 开始申诉。</p>
      <p>  未登录：进入手机登录帐号页面 ，点击遇到问题 > 自助申诉 > 开始申诉。</p>
      <p>2. 您也可以在常用浏览器上申诉：点击自助申诉开始申诉。</p>
      <p>【温馨提示】</p>
      <p>1. 查看申诉单号：</p>
      <p>  提交自助申诉申请后，系统会自动生成一个申诉单号，并且以短信或邮件的方式发送到新设置的手机号或邮箱地址，您可到手机短信或邮箱查看申诉单号。</p>
      <p>2. 查看申诉进度：</p>
      <p>  已登录：进入手机帐号 > 帐号安全 > 安全中心 > 自助申诉 > 申诉进度查询。</p>
      <p>  未登录：进入手机登录帐号页面点击遇到问题 > 自助申诉 > 申诉进度查询。</p>
      <p>3. 申诉处理时长：</p>
      <p>  帐号包含有您的个人隐私和财产信息，出于对帐号安全的保护，防止他人恶意申诉，我们会对申诉资料进行严谨细致的审核，时间长短取决于您填写信息的完整性及准确性。并且在1 - 3个工作日内以短信或者邮件的形式通知您审核结果，请您耐心等待。
    `
  },
  {
    title: '帐号实名认证的方法',
    content: `
      <p>手机或平板</p>
      <p>请您点击设置 > 登录帐号 > 帐号安全 > 实名认证，选择验证人脸或银行卡的方式进行实名。</p>
      <p>手机或电脑浏览器</p>
      <p>请您打开帐号官网，点击登录帐号 > 实名认证，选择验证人脸或填写中国大陆身份信息的方式进行实名。</p>
      <p>【温馨提示】同一身份证信息最多可以实名认证5个帐号。若您在实名认证时提示“同一身份证认证的帐号超过5个上限”，您需要取消关联帐号实名后再认证。
    `
  },
  {
    title: '帐号的登录方式',
    content: `
      <p>当前登录帐号一共有六种方式：</p>
      <p>1. 可以通过注册时设置的“手机号/邮件地址/帐号名+密码”登录；</p>
      <p>  说明：帐号名是您在帐号系统中的唯一识别号，只能修改一次。修改方法：进入帐号 > 个人信息 > 帐号名。</p>
      <p>2. 可以通过“手机号+短信验证码”登录；</p>
      <p>3. 可以通过第三方帐号（QQ、微信、微博等）快捷登录；</p>
      <p>  说明：通过第三方帐号登录后必须绑定 “已有帐号”或“新帐号”才能使用。</p>
      <p>4. 通过已登录帐号的设备扫码登录；</p>
      <p>  说明：在已登录帐号的设备上，进入帐号，点击右上角“扫描二维码”，扫其他设备帐号登录页右上角的二维码。</p>
      <p>5. 通过人脸/指纹登录（仅限手机/平板端操作）。</p>
      <p>  说明：</p>
      <p>    如您已在设备上录入指纹或人脸，可在帐号中开启人脸/指纹验证。开启路径：帐号 > 帐号安全 > 人脸/指纹开启</p>
      <p>    您需要在帐号 > 设置 > 检查新版本版本至5.0.1.300及以上</p>
      <p>    指纹登录：所有支持指纹的终端设备，录制指纹后，可开启指纹登录</p>
      <p>    人脸登录：目前仅支持3D结构光人脸的机型，例如：Mate20 pro 、Mate30 pro</p>
      <p>6. 联通/电信 用户可享一键“立即登录”（仅限手机/平板端操作）。</p>
      <p>  说明：无需手动输入密码或验证码，只需一键点击立即登录，即可快捷登录帐号。（移动用户暂不支持）</p>
      <p>如何管理已登录帐号的设备？</p>
      <p>帐号 > 帐号安全 > 登录设备管理，选择要删除的设备，进入设备信息详情页后，选择“从帐号中移除”，即可退出并删除帐号在该设备上的登录状态，删除后将不再信任此设备。（不能删除当前登录设备）</p>
      <p>修改密码后，有弹框提示“退出当前帐号登录的其他设备”，点击“退出”按钮，可以强制下线此帐号在其它设备/网站上的正常登录状态，其它设备需要再次输入帐号密码进行验证后才能登录使用。
    `
  },
  {
    title: '手机号/邮箱正常使用，收不到验证码怎么办？',
    content: `
      <p>1. 输入的手机号/邮箱错误</p>
      <p>您可以检查手机号/邮箱是否填写正确，返回并重新输入。</p>
      <p>2. 被运营商屏蔽</p>
      <p>您曾将此类通知短信/邮件向运营商或邮件服务商投诉为垃圾短信/邮件，使得短信/邮件被屏蔽或放入垃圾邮件中。您可以：</p>
      <p>  短信：请您联系运营商解决此问题。</p>
      <p>  邮件：请您在垃圾邮件中查找是否收到验证邮件。</p>
      <p>3. 设置手机黑名单</p>
      <p>您曾经在手机短信中设置了比较严苛拦截的拦截规则。您可以：</p>
      <p>  查看短信黑名单设置，进入“信息 >右上角⋮/∷> 骚扰拦截”（不同机型操作路径可能不同，请以实际为准），查看拦截的短信中是否有验证码短信。</p>
      <p>4. 网络延时</p>
      <p>由于网络或地域问题，服务器发出的验证信息受通信网络信号和运营商的影响，可能存在一定延时。请耐心等待，或读秒完成后点击重新发送。</p>
      <p>【温馨提示】：如果获取验证码已达上限，请24小时后重试。
    `
  },
  {
    title: '安装应用时提示需要登录帐号',
    content: `
      <p>设备升级系统后，为避免用户安装风险不明的安装包，保护用户设备系统安全，在纯净模式下，安装器会对安装包进行安全检测，若经检测用户下载的应用与应用市场上架的应用不一致、未知来源以及风险应用，则用户会收到提醒信息，为避免误操作引发风险，需要用户根据提示登录帐号后，输入设置的锁屏密码或者帐号密码验证，确保在用户知情的情况下完成安装。了解更多：纯净模式登录帐号安装说明。
    `
  }
]
</script>

<style scoped>
.common-questions-container {
  padding: 20px;
}
.title {
  text-align: center;
  margin-bottom: 30px;
}
.question-item {
  margin-bottom: 30px;
}
.question-title {
  margin-bottom: 15px;
}
.question-content {
  text-align: justify;
}
</style>